@extends('home.layout.home')
@section('title','店铺首页')
@section('shop')
				<!--搜索框-->
				<div class="nav white">
					<div class="logo"><img src="/home/images/logo.png" /></div>
					<div class="logoBig" style="width:400px">
						<li><img src="/home/images/logobig.png" /></li>
						<div id="shopExtra" style="width:200px;float:left;">
						    <a class="slogo-shopname" href="//nmsm.tmall.com" data-spm="d4918089">
						      <strong>{{$data->nickname}}</strong>
						    </a><br>
						       <span class="flagship-icon-font">品牌直销</span></span>
						      <span class="ww-light ww-static" data-nick="" data-tnick="" data-encode="true" data-display="inline" data-icon="static"></span>
						    <!--isHK: ,isShow: false -->
				              <ul>
				                <li>
				                  开店时长：<span>金刚2年店</span>
				                </li>
				                <br>
				                <li >
				                  所 在 地：<span>{{$data->site}}</span>
				                </li>
				              </ul>
						</div>
					</div>
					<div class="search-bar pr"  style="width:500px;padding-left:10px; float:left">
						<a name="index_none_header_sysc" href="#"></a>
						<form style="width:400px;">
							<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
							<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
						</form>
					</div>
				</div>

				<div class="clear"></div>
			</div>
			
				<div class="slideall" style="height:50px;">
					   <div class="nav-cont" style="padding-left:10px" >
							<ul>
								<li class="index"><a href="#">店铺首页</a></li>
								@foreach($cates as $v)
                                	<li class="qc"><a href="/home/shop/cates/{{$data->id}}/{{$v->id}}">{{$v->name}}</a></li>
								@endforeach								
                                
							</ul>
						</div>					
				</div>
				<script type="text/javascript">
					if ($(window).width() < 640) {
						function autoScroll(obj) {
							$(obj).find("ul").animate({
								marginTop: "-39px"
							}, 500, function() {
								$(this).css({
									marginTop: "0px"
								}).find("li:first").appendTo(this);
							})
						}
						$(function() {
							setInterval('autoScroll(".demo")', 3000);
						})
					}
				</script>
			<div class="shopMainbg">
				<div class="shopMain" id="shopmain">

					<!--今日推荐 -->

					<div class="am-g am-g-fixed recommendation">
						<div class="clock am-u-sm-3">
							<img src="/home/images/2016.png ">
							<p>今日<br>推荐</p>
						</div>
						<div class="am-u-sm-4 am-u-lg-3 ">
							<div class="info ">
								<h3>真的有鱼</h3>
								<h4>开年福利篇</h4>
							</div>
							<div class="recommendationMain one">
								<a href="introduction.html"><img src="/home/images/tj.png "></img></a>
							</div>
						</div>						
						<div class="am-u-sm-4 am-u-lg-3 ">
							<div class="info ">
								<h3>囤货过冬</h3>
								<h4>让爱早回家</h4>
							</div>
							<div class="recommendationMain two">
								<img src="/home/images/tj1.png "></img>
							</div>
						</div>
						<div class="am-u-sm-4 am-u-lg-3 " >
							<div class="info ">
								<h3>浪漫情人节</h3>
								<h4>甜甜蜜蜜</h4>
							</div>
							<div class="recommendationMain three" >
								<img  src="/home/images/tj2.png "></img>
							</div>
						</div>

					</div>
					<div class="clear "></div>
					<!--热门活动 -->

					<div class="am-container activity ">
						<div class="shopTitle ">
							<h4>热销</h4>
							<h3>备受欢迎的商品，实力派 </h3>
							<span class="more ">
                              <a href="# ">全部热销<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                        </span>
						</div>
					  <div class="am-g am-g-fixed ">
					  	@foreach($hot as $v)
						<div class="am-u-sm-3 ">
							<div class="icon-sale one "></div>	
								<h4>热销</h4>							
							<div class="activityMain ">
								<img style="width:296px;height:314px" src="{{$v->cover}} "/>
							</div>
							<div class="info ">
								<h3>{{$v->spname}}</h3>
							</div>														
						</div>
						@endforeach
						
					  </div>
                   </div>
					<div class="clear "></div>
					<!--优惠券-->
  					<div class="am-container activity ">
						<div class="shopTitle ">
							<h4>优惠券</h4>
							<h3>白给的钱，你要不要 </h3>
							<span class="more ">
                              <a href="# ">全部优惠券<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                        </span>
						</div>
					  <div class="">
					  	@foreach($coupons as $v)
						<div style="float:left;width: 120px;height:120px;background: yellowgreen;margin:10px;">
							<h4 style="font-color:white;font-size:20px;">金额:{{$v->money}}</h4>
							<h4>过期时间:{{date('Y-m-d H:i:s',$v->overdue)}}</h4>		<br>										
							<button class="coupon" value="{{$v->id}}"style="background: yellow;font-color:red;font-size:20px;">领取</button>
						</div>
						@endforeach
						<script type="text/javascript">
							$('.coupon').click(function(){
								var id = $(this).attr('value');
								$.get('/coupon/ling',{'id':id},function(data){
									alert(data);
								});
							});
						</script>
					  </div>
                   </div>
                    <div id="f4">
					<!--坚果-->
					<div class="am-container ">
						<div class="shopTitle ">
							<h4>本店精品</h4>
							<h3>品质保障，放心购买</h3>
							<div class="today-brands ">
								<a href="# ">腰果</a>
								<a href="# ">松子</a>
								<a href="# ">夏威夷果 </a>
								<a href="# ">碧根果</a>
								<a href="# ">开心果</a>
								<a href="# ">核桃仁</a>
							</div>
							<span class="more ">
                    <a href="# ">更多美味<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                        </span>
						</div>
					</div>
					<div class="am-g am-g-fixed floodThree ">
						<div class="am-u-sm-4 text-four list">
							<div class="word">
								<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>	
								<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>									
							</div>
							<a href="# ">
								<img src="/home/images/act1.png " />
								<div class="outer-con ">
									<div class="title ">
										雪之恋和风大福
									</div>									
								</div>
							</a>
							<div class="triangle-topright"></div>	
						</div>
						@foreach($goods as $a=>$v)
						<div class="am-u-sm-4 text-four">
							<a href="/detail/{{$v->id}} ">
								<img style="width:180px;height:180px" src="{{$v->cover}}" />
								<div class="outer-con ">
									<div class="title ">
										{{$v->spname}}
									</div>								
									<div class="sub-title ">
										¥{{$v->price}}
									</div>
									<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
								</div>
							</a>
						</div>
						@endforeach
						
					</div>
					<div class="clear "></div>
					<div class="clear "></div>
					</div>

					<div class="footer ">
						<div class="footer-hd ">
							<p>
								<a href="# ">恒望科技</a>
								<b>|</b>
								<a href="# ">商城首页</a>
								<b>|</b>
								<a href="# ">支付宝</a>
								<b>|</b>
								<a href="# ">物流</a>
							</p>
						</div>
						<div class="footer-bd ">
							<p>
								<a href="# ">关于恒望</a>
								<a href="# ">合作伙伴</a>
								<a href="# ">联系我们</a>
								<a href="# ">网站地图</a>
								<em>© 2015-2025 Hengwang.com 版权所有</em>
							</p>
						</div>
					</div>

		</div>
		</div>
		@endsection

		